<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="../static/css/AnalyseResult.css">
    <title>分析结果</title>
</head>
<body>
<div class="top">
    <div class="left">
        <div class="logo"><img src="{{ url_for("static", filename="images/logo.png") }}" alt="TextA Logo"></div>
    </div>
    <div class="right">
        <a href="{{ url_for("index") }}">退出登录</a>
    </div>
</div>
<div class="main">
    <div class="left" style="margin-left: 10%">
        <div class="wordcloud">
            <p style="color: blue"><span>词云图：</span></p>
            <img style="width: 450px;" src="data:;base64,{{ wordcloudStream }}">
        </div>
        <div class="down-wc">
            <a href="/download1/{{ wordcloud }}">
                <button class="btn btn-success btn-xs">导出图片</button>
            </a>
        </div>
        <div class="down-highfreq">
            <a href="/download2/{{ highwords }}">
                <button class="btn btn-success btn-xs">导出高频词分析结果</button>
            </a>
        </div>
        <form action="" method="POST" enctype="multipart/form-data">
            <div class="settings">
                <p>请选择词云图设置:</p>
                <div class="font">
                    <p><span>字体</span></p>
                    <select name="font" id="font">
                        <<!--option value="font" selected>字体</option>-->
                        <option value="heiti" selected="selected">黑体（默认）</option>
                        <option value="kaiti">楷体</option>
                        <option value="dingjian">二字元小盖丁简</option>
                        <option value="caiyun">汉仪彩云体简</option>
                        <option value="piaoyi">飘逸体</option>
                        <option value="foxi">佛系体</option>
                        <option value="caoti">硬笔草体</option>
                    </select>
                </div>
                <div class="maxwords">
                    <p><span>最大词数</span></p>
                    <select name="maxwords" id="maxwords">
                        <!--option value="maxwords" selected>最大词数</option-->
                        <option value="50">50</option>
                        <option value="100">100</option>
                        <option value="150">150</option>
                        <option value="200" selected="selected">200（默认）</option>
                        <option value="250">250</option>
                        <option value="300">300</option>
                    </select>
                </div>
                <div class="shape">
                    <p><span>形状</span></p>
                    <select name="shape" id="shape">
                        <!--option value="shape" selected>形状</option-->
                        <option value="rectangle" selected="selected">矩形（默认）</option>
                        <option value="heart">心形</option>
                        <option value="fivestar">五角星</option>
                        <option value="dingding">钉钉</option>
                        <option value="human">人</option>
                    </select>
                </div>
                <div class="shape-self-defined">
                    <p><span>您也可以自定义形状（注意，背景最好为白色）</span></p>
                    <div class="inputFile">
                        <input type="file" name="file2" placeholder="自定义形状">
                    </div>
                    <!--button class="inputButton">上传分析</button-->
                    <!--<input type="submit" value="上传分析">-->
                </div>
                <p>
                    <button class="inputButton">提交并保存</button>
                </p>
            </div>
        </form>
    </div>
    <div class="right" style="margin-right: 10%">
        <p style="color: chocolate"><span>概要分析结果</span></p>
        <textarea id="reason" class="form-control" rows="25" required="required" style="width: 500px">
              {{ Asummary }}</textarea>


        <div class="down-summary">
            <a href="/download3/{{ summary }}">
                <button class="btn btn-success btn-xs">导出概要分析结果</button>
            </a>
        </div>
    </div>

</div>
<div class="footer">

</div>
</body>
</html>